.comment-box {
  margin-top: 40px;
  // height: 1000px;
  width: 100%;
  // background-color: pink;
  .cm-title {
    height: 35px;
    border-bottom: 2px solid #c20c0c;
    h3 {
      float: left;
      font-size: 20px;
      line-height: 28px;
      font-weight: normal;
    }
    .sub {
      float: left;
      margin: 9px 0 0 20px;
      color: #666;
    }
  }
  .comment-main {
    padding-top: 20px;
    .iptarea {
      margin-bottom: 20px;
      .avatar {
        float: left;
        width: 50px;
        height: 50px;
        img {
          width: 50px;
          height: 50px;
        }
      }
      .commtipt {
        margin-left: 62px;
        .ipt {
          padding-right: 14px;
          textarea {
            display: block;
            height: 50px;
            width: 100%;
            padding: 5px 6px 6px;
            border: 1px solid #cdcdcd;
            border-radius: 2px;
            line-height: 19px;
            box-sizing: content-box;
            resize: none;
          }
        }
        .btn {
          padding-block: 10px;
          overflow: hidden;
          .icn-1,
          .icn-2 {
            float: left;
            width: 18px;
            height: 18px;
            margin-right: 10px;
            background-position: -40px -490px;
            // background: url(../../assets/images/icon.png) no-repeat -40px -490px;
          }
          .icn-2 {
            background-position: -60px -490px;
          }
          .cmt-btn {
            float: right;
            width: 46px;
            height: 25px;
            // background: url(../../assets/images/button.png);
            background-position: -84px -64px;
            color: #fff;
            text-align: center;
            line-height: 25px;
          }
          span {
            float: right;
            margin-right: 10px;
            line-height: 25px;
            color: #999;
          }
        }
      }
    }
  }
}
